<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="content-type" content="text/html ;charset=utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<title>549周兆丰</title>

		<link rel="stylesheet" type="text/css" href="../static/css/jquery.mobile.flatui.css" th:href="@{/css/jquery.mobile.flatui.css}"/>
		<script src="../static/jquery-2.1.4.min.js" th:src="@{/js/jquery-2.1.4.min.js}"></script>
		<script src="../static/js/jquery.mobile.min.js" th:src="@{/js/jquery.mobile.min.js}"></script>
		<script src="../static/js/menuInit.js" th:src="@{/js/menuInit.js}" ></script>

	</head>

	<body>

		<div data-role="page" data-theme="b" id="login" style="background-color:bisque">

			<div data-role="header" data-position="fixed">
				<h1>个人信息</h1>
			</div>

			<div data-role="content">
				<img th:src="@{/img/touxiang.png}" style="width: 50%;margin-left: 25%; " />

				<div data-role="collapsible" data-collapsed-icon="flat-new" data-expanded-icon="flat-new" data-collapsed="false">
					<h3>我的学习经历</h3>
					<h3>&nbsp;&nbsp;&nbsp;&nbsp;我叫周兆丰，家住江西吉安.是东东莞理工学院城市学院的一名软件工程专业的学生。这是吉安庐陵文化生态公园的几张风景照.</h3>
					<img id="pic_0" style="width: 100%;" />
					<img id="pic_1" style="width: 100%;" />
					<h3>其中有名的快阁楼就在我的高中母校泰和-泰和中学<p style="text-align: center;">《登快阁》</p>
						<p style="text-align: center;">痴儿了却公家事，快阁东西倚晚晴</p>
						<p style="text-align: center;">落木千山天远大，澄江一道月分明</p>
						<p style="text-align: center;">朱弦已为佳人绝，青眼聊因美酒横</p>
						<p style="text-align: center;">万里归船弄长笛，此心吾与白鸥盟</p>
						<img id="pic_2" style="width: 100%;" />
						
						<img id="pic_3" style="width: 100%;" />
					</h3>
					<h3>
						&nbsp;&nbsp;&nbsp;&nbsp;高中毕业之后来到了东莞理工学院城市学院，进入软件工程专业，学习了很多计算机相关的知识
							<img  id="pic_4" style="width: 100%;"  />
						<img  id="pic_5" style="width: 100%;" />
					</h3>

				</div>

				<div data-role="collapsible" data-collapsed-icon="flat-man" data-expanded-icon="flat-man" data-collapsed="false">
					<h3>个人兴趣爱好</h3>
					<h3>运动:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;乒乓球，羽毛球</h3>
					<h3>游戏:&nbsp;&nbsp;&nbsp;《王者荣耀》</h3>
					<img id="pic_6" style="width: 100%;" />
					<h3>书籍:&nbsp;&nbsp;&nbsp;《Effective Java》</h3>
					<h3>追剧:&nbsp;&nbsp;&nbsp;《少年谢尔顿》</h3>
					<img id="pic_7" style="width: 100%;" />
				</div>

				<div data-role="collapsible" data-collapsed-icon="flat-bubble" data-expanded-icon="flat-bubble" data-collapsed="false">
					<h3>联系方式</h3>
					<h3>Blog:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://greek-zzf.github.io/">https://greek-zzf.github.io/</a></h3>
					<h3>Q  Q:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a>1531037123</a></h3>
					<h3>T e l:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a>15625739885</a></h3>
					<h3>微信:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a>zzf1206zzf</a></h3>
				</div>

				<div data-role="fieldcontain">
					<div data-role="controlgroup" data-type="horizontal" style="text-align: center;">
						<a href="#" data-icon="flat-heart" data-theme="b" data-role="button" id="btn1">点赞<span id="dianzan"></span></a>
						<a href="#" data-icon="flat-bubble" data-theme="b" data-role="button" id="btn2">评论<span id="pinglun"></span></a>
					</div>
				</div>

				<div id="fabu" style="display:none">
					<textarea id="memo" style="height: 70px;width: 320px;"></textarea>
					<a href="#" data-role="button" style="width: 35px;height: 15px;right: -250px;" id="commit">发布</a>
				</div>

				<div id="comment">

				</div>
			</div>

			<div data-role="footer" data-position="fixed" th:insert="include::footer">
			</div>

		</div>
		<script th:src="@{/js/dianzan.js}"></script>
	</body>

</html>